<%@ taglib uri="/struts-tags" prefix="s"%>


<script type="text/javascript">
var oTableGrilla;

$(document).ready(function() {

	oTableGrilla = $('#tbGrillaGuiasRemision').dataTable({
		"bJQueryUI": true,
		"sPaginationType" : "full_numbers",
		"bFilter" : false,
		"bProcessing": true,
		"fnDrawCallback": function(oSettings){
		  $('table#tbGrillaGuiasRemision td').bind('mouseenter', function () {
			   $(this).parent().children().each(function(){$(this).addClass('datatablerowhighlight');}); });
		  $('table#tbGrillaGuiasRemision td').bind('mouseleave', function () { 
		  	   $(this).parent().children().each(function(){$(this).removeClass('datatablerowhighlight');}); });
			   
		},
		"sAjaxSource": "/SolucionPresentacionWeb/compras/listar-guias-remision.action",
		"aoColumns" : 
			[ 
			{"mData" : "numeroComprobante"}, 
			{"mData" : "proveedor"},
			{"mData" : "numeroRuc"},
			{"mData" : "fechaInicioTraslado"}, 
			{"mData" : "fechaRegistro"}
			]
	
	});
	
		
	$('#tbGrillaGuiasRemision tbody tr').live('click', function(e) {
		
		if ($(this).hasClass('row_selected')) {
			$(this).removeClass('row_selected');
		} else {
			oTableGrilla.$('tr.row_selected').removeClass('row_selected');
			$(this).addClass('row_selected');
		}
		
		var nTds = $('td', this);
		var id = $(nTds[0]).text();
		$("#h_numOrdenCompra").val(id);
		//$("#h_descripArticulo").val(descrip);
		//alert(id);
	});
    
	$("#fechaRegistroDesde").datepicker({
		dateFormat : "dd-mm-yy",
		changeMonth: true,
		changeYear: true,
		onClose : function(selectedDate) {
			$("#fechaRegistroHasta").datepicker("option", "minDate", selectedDate);
		}
	});

	$("#fechaRegistroHasta").datepicker({
		dateFormat : "dd-mm-yy",
		changeMonth: true,
		changeYear: true,
		onClose : function(selectedDate) {
			$("#fechaRegistroDesde").datepicker("option", "maxDate", selectedDate);
		}
	});
	 

} );

function filtrar(){
	
	
	parametros = {
			"criteria.idProveedor": $('#idProveedor').val(),
			"fechaRegistroDesde": $('#fechaRegistroDesde').val(),
			"fechaRegistroHasta": $('#fechaRegistroHasta').val()
		 };
	

	$.getJSON("/SolucionPresentacionWeb/compras/filtrar-guias-remision.action", parametros, function(json){
		var oSettings = oTableGrilla.fnSettings();
		oTableGrilla.fnClearTable(this);
	    for (var i=0; i<json.aaData.length; i++)
	    {
	    	oTableGrilla.oApi._fnAddData(oSettings, json.aaData[i]);
	    }
	    oSettings.aiDisplay = oSettings.aiDisplayMaster.slice();
		oTableGrilla.fnDraw();
	});
	
}

function nuevo(){
		location.href='/SolucionPresentacionWeb/compras/nueva-orden-compra.action';
}

</script>

<br />
<!-- Tabs -->

<div id="tabs">
	<ul>
		<li><a href="#tabs-1">Gestionar Guias Remision</a></li>
	</ul>
	<div id="tabs-1">


		<s:form theme="simple">

			<table width="100%" border="0" cellspacing="1" cellpadding="3"
				id="formtb" bgcolor="#bcb9a7">
				<tr>
					<td colspan="2"><strong>Filtrado</strong></td>
				</tr>
				<tr>
					<td width="21%">Proveedor</td>
					<td width="79%"><s:select listKey="idPersona"
							listValue="nombres" headerKey="-1"
							headerValue="--- Seleccione ---" list="listaProveedores"
							name="criteria.idProveedor" id="idProveedor" /></td>
				</tr>
				<tr>
					<td>Fecha Registro</td>
					<td>
					
					<s:textfield name="fechaRegistroDesde" id="fechaRegistroDesde" /> hasta 
    <s:textfield name="fechaRegistroHasta" id="fechaRegistroHasta" />
					
					</td>
				</tr>
				<tr>
					<td>&nbsp;</td>
					<td><input type="button" value="Buscar" class="button" onclick="filtrar()" />
					</td>
				</tr>

				<tr>
					<td colspan="2">&nbsp;</td>
				</tr>

				<tr>
					<td colspan="2"><s:url action='edicion-guias-remision' var="urlt" />
							
						<s:a href="%{urlt}" cssClass="button">Nuevo</s:a> 
						
						<s:url action='#' var="urlt3">
							<s:param name="numeroSolicitud" value="1"></s:param>
						</s:url> <s:a href="%{urlt3}" cssClass="button">Mostrar Detalle</s:a></td>
				</tr>
				<tr>
					<td colspan="2"><table cellpadding="0" cellspacing="0"
							border="0" class="display" id="tbGrillaGuiasRemision">
							<thead>
								<tr>
									<th>Numero Guia Remision</th>
									<th>Proveedor</th>
									<th>Numero Ruc</th>
									<th>Fecha Inicio Traslado</th>
									<th>Fecha Registro</th>
								</tr>
							</thead>
							<tbody>

							</tbody>
						</table></td>
				</tr>
				<tr>
					<td colspan="2"><input type="submit" name="button4"
						id="button5" value="Salir" class="button" /></td>
				</tr>
			</table>


		</s:form>

	</div>

</div>


